<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>收藏夹</title>
</head>

<body>
    <div class="bigbox">
        <!-- 切换题目 -->
        <header>
            <img src="./images/arrowL.png" alt="" class="img">
            <span class="sp1">上一题</span>
            <span class="sp2">下一题</span>
        </header>
        <!-- 试题内容 -->
        <main>
            <!-- 题目 -->
            <div class="title">
                <p>单选题</p>
                <span>递接文件</span>
            </div>
            <!-- 选项 -->
            <div class="option">
                <input type="radio" name="name"><label> A. 正面朝向对方</label><br>
                <input type="radio" name="name"> <label> B. 正面朝向对方</label><br>
                <input type="radio" name="name"> <label> C. 正面朝向对方</label><br>
            </div>
            <!-- 答案解析 -->
            <div class="answer">
                <p>正确答案:A</p>
                <p>答案解析：答非所问，词不达意。</p>
            </div>
        </main>
        <!-- 底部功能 -->
        <footer>
            <div class="two">
                <img src="./images/shanchu.png" alt="">
                <span>删除</span>
            </div>
            <div class="three">
                <p>返回</p>
            </div>
            <div class="four">
                <img src="./images/gengduo.png" alt="">
                <span> <strong>1</strong>/100</span>
            </div>
        </footer>

        <div class="grayy">
            <div class="list">
                <!-- 选择功能 -->
                <div class="on">

                    <div class="two">
                        <img src="./images/shanchu.png" alt="">
                        <span>删除</span>
                    </div>
                    <div class="three">
                        <p>返回</p>
                    </div>
                    <div class="four">
                        <img src="./images/gengduo.png" alt="">
                        <span> <strong>1</strong>/100</span>
                    </div>
                </div>
                <!-- 单选题 -->
                <div class="danxuan">
                    <p>单选题(共10题,合计20分)</p>
                    <div class="tihao">
                        <div class="one"><i class="fa fa-star"></i> 1 </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="gray">
            <div class="point">
                <p class="ques">有试题未完成，是否现在提交？</p>
                <div class="two">
                    <button class="Btn" id="cancel" type="button">取消</button>
                    <button class="Btn" id="confirm" type="button">确认</button>
                </div>
            </div>
        </div>

        <div class="submit">
            <div class="point">
                <p class="p1">答题结束</p>
                <p class="p2">正确答案: <span>3</span></p>
                <p class="p3">错误答案: <span>1</span></p>
                <p class="p4">是否移除所有正确试题?</p>
                <div class="two">
                    <button class="Btn" id="cancel" type="button">取消</button>
                    <button class="Btn" id="confirm" type="button">确认</button>
                </div>
            </div>
        </div>
    </div>

</body>

</html>